<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cornfield~~麦田首页</title>
    <link rel="stylesheet" type="text/css" href="cornfield.css">
</head>
<body>
<div class="max">
    <!-- 头部 -->
    <div class="header">
        <div class="header-nav">
            <img src="logo.png">
            <div class="header-nav-column">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">服务项目</a></li>
                    <li><a href="#">作品案例</a></li>
                    <li><a href="#">新闻观点</a></li>
                    <li><a href="#">关于麦田</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="header-nav-search">
                
            </div>
        </div>
        <div class="header-pic">
            <div class="header-pic-text">
                <h1>TOP WEB-DEDIGN</h1>
                <div class="header-pic-text-imp">
                    <h3>一</h3>
                </div>
                
                <span id="header-pic-text-big">高端网站建设</span><br/>
                <span id="header-pic-text-content">提供创新，可信赖和盈利的互联希望解决方案</span><br/>
                <span id="header-pic-text-hot">并提供更高质量的网站建设服务</span>

            </div>
        </div>
    </div>
    <!-- 中间内容 -->
    <div class="content">
        <div class="content-services">
            <div class="content-services-introduce">
                <div class="content-services-introduce-title">
                    <h1>SERVICES</h1>
                    <p>一</p>
                    <span>服务项目</span>
                </div>
                <div class="content-services-introduce-tags">
                    <div class="content-services-introduce-tags-design">
                    <img src="design.png"><br/>
                        <p>电商设计</p>
                        <div class="border-bottom"></div>
                    </div>
                    <div class="content-services-introduce-tags-design">
                    <img src="site.png"><br/>
                        <p>网站建设</p>
                        <div class="border-bottom"></div>
                    </div>                   
                    <div class="content-services-introduce-tags-design">
                    <img src="mobile.png" id="design-hot"><br/>
                        <p>移动端设计</p>
                        <div class="border-bottom"></div>
                    </div>
                    <div class="content-services-introduce-tags-design">
                    <img src="seo.png"><br/>
                        <p>SEO优化</p>
                        <div class="border-bottom"></div>
                    </div>
                    <div class="content-services-introduce-tags-design">
                    <img src="sem.png"><br/>
                        <p>微信营销</p>
                        <div class="border-bottom"></div>
                    </div>
            </div>

        </div>
        <div class="content-services-content">
               <div class="content-services-content-poj">
                   <h1>ABOUT</h1>
                   <span>关于麦田</span>
                   <div class="border-bottom"></div>
                   <div class="content-services-content-poj-text">
                       <span>深圳市麦田新科技有限和公司是一家“互联网实效营销”专业机构</span>
                       <span>我们聚集天猫淘宝店铺装修设计、移动互联网营销、视觉设计、企业网络推广、百度谷歌排名优化<br/>（SEO/sem）、精品网站建设、电商运营等IT外包领域，</span>
                       <span>以丰富的市场运作能力、前言的技术及完善的服务，</span>
                        <span>为数百家全国与本地用户提供了互联网产品和营销服务，有效提升了。。。。。。</span>
                   </div>
                   <div class="content-services-content-poj-tag">
                       <a href="#">  more>></a>
                   </div>
               </div> 


               <div class="content-services-content-pic"></div>
            </div>

        <div class="content-case">
            <div class="content-case-poj">
                
                <div class="content-case-poj-title">
                    <div class="border-bottom"></div>
                    <h1>CASE</h1>
                    <span>作品案例</span>
                </div>
            </div>
            <div class="content-case-submenu">
                <div class="content-case-submenu-ber">
                    <img src="ber.png">
                    <span>彩佳企业官网</span>
                    <div class="ber-bottom"></div>
                    <span>2014-10-06</span>
                </div>

                <div class="content-case-submenu-ber">
                    <img src="liantong.png">
                    <span>联通木业官方网站</span>
                    <div class="ber-bottom"></div>
                    <span>2014-10-06</span>
                </div>

                <div class="content-case-submenu-ber">
                    <img src="zhong.png">
                    <span>中佳传媒官网</span>
                    <div class="ber-bottom"></div>
                    <span>2014-10-06</span>
                </div>
                
                <div class="content-case-submenu-ber">
                    <img src="ya.png">
                    <span>亚马逊官网</span>
                    <div class="ber-bottom"></div>
                    <span>2014-10-06</span>
                </div>
                <div class="content-case-submenu-other">
                    <img src="jia.png">
                </div>
            </div>


            <div class="content-new">
        
        <div class="content-new-poj">
            <div class="ber-bottom"></div>
            <h1>NEWS</h1><br/>
            <span>新闻资讯</span> 
            <div class="ber-bottom"></div>
            <img src="jia.png">
            </div>

            <div class="content-new-date">
                <p>2015-01</p>
                <span>07</span><br/>
                <div class="ber-bottom"></div>
                <img src="date.png">
                <p>2015网站设计趋势：12个顶尖创意的视察滚动站欣赏</p>
                <div class="border-fl"></div>
            </div>

            <div class="content-new-date">
                <p>2015-02</p>
                <span>24</span><br/>
                <div class="ber-bottom"></div>
                <img src="mao.png">
                <p>2015网站设计趋势：12个顶尖创意的视察滚动站欣赏</p>
                <div class="border-fl"></div>
            </div>

            <div class="content-new-date">
                <p>2015-03</p>
                <span>12</span><br/>
                <div class="ber-bottom"></div>
                <img src="mao1.png">
                <p>2015网站设计趋势：12个顶尖创意的视察滚动站欣赏</p>
                <div class="border-fl"></div>
            </div>

            <div class="content-new-date">
                <p>2015-04</p>
                <span>04</span><br/>
                <div class="ber-bottom"></div>
                <img src="mao2.png">
                <p>2015网站设计趋势：12个顶尖创意的视察滚动站欣赏</p>
                <div class="border-fl"></div>
            </div>
        
    </div>
    <div class="content-content">
        <div class="content-content-title">
            <div class="content-content-title-head">
                <h1>CONTENT</h1>
                <span>联系我们</span>
                <div class="content-border"></div>
            </div>
        </div>
        <div class="content-content-container">
        <div class="content-content-container-regsiter">
        <div class="content-content-container-regsiter-name">
        <span>姓名：</span>
        <input type="text" name="姓名" >
        </div>

        <div class="content-content-container-regsiter-name">
        <span>电话：</span>
        <input type="text" name="电话" >
        </div>

        <div class="content-content-container-regsiter-name">
        <span>邮箱：</span>
        <input type="text" name="邮箱" >
        </div>

        </div>
        <div class="content-content-container-leaving">
            <div class="content-content-container-leaving-title">
               <span>留言：</span>
        <input type="text" name="留言：" > 
            </div>
        </div>
             
        </div>
    </div>
        </div>
        <!-- <div class="content-content"></div> -->
    </div>
    </div>
    
    <!-- 页脚 -->
    <div class="footer"></div>

    
</body>
</html>